<template>
  <div class="drawer-relation-editor-left-side-title">
    <div class="drawer-relation-editor-left-side-title-icon"/>
    {{ title }}
  </div>
</template>
<script>
import {createProps} from '@/utils';

export default {
  name: 'DrawerRelationEditorLeftSideTitle',
  props: {
    title: createProps(String)
  }
};
</script>
<style>
.drawer-relation-editor-left-side-title {
  display: flex;
  align-items: center;
  padding: 5px 10px;
}

.drawer-relation-editor-left-side-title-icon {
  height: 15px;
  width: 5px;
  border-radius: 10px;
  margin-right: 10px;
  border-right: 10px;
  background: #75b2f0;
}
</style>